<!DOCTYPE html>
<html dir="ltr">

<head>
 <link rel="shortcut icon" href="../../icons/48.png">
 <meta charset="utf-8">
 <title>BaiDu Bridesmaid 设置</title>
 <link rel="stylesheet" href="css/button.css">
 <link rel="stylesheet" href="css/checkbox.css">
 <link rel="stylesheet" href="css/select.css">
 <link rel="stylesheet" href="css/chrome_shared.css">
 <link rel="stylesheet" href="css/patch.css">
</head>

<body>
<div id="main-content">
 <nav id="navbar-container" style="left: 0px; ">
  <h1 id="navbar-content-title" title="按F1以获取帮助">BDB设置</h1>
  <ul id="navbar">
   <li id="searchPageNav" class="navbar-item" pagename="searchPage">
     <input id="search-field" type="search" autofocus placeholder="在设置中搜索">
   </li>
   <li id="stylePageNav" class="navbar-item" pagename="stylePage">样式</li>
   <li id="functionPageNav" class="navbar-item" pagename="functionPage">功能</li>
   <li id="backgroundPageNav" class="navbar-item" pagename="backgroundPage">后台</li>
   <li id="blacklistPageNav" class="navbar-item" pagename="blacklistPage">黑名单</li>
   <li id="advancedPageNav" class="navbar-item" pagename="advancedPage">高级</li>
   <li id="authorizePageNav" class="navbar-item hid" pagename="authorizePage">授权</li>
   <li id="aboutPageNav" class="navbar-item" pagename="aboutPage">关于</li>
  </ul>
  <div>
   <button id=savebutton>保存</button>
   <button id=cancelbutton>取消</button>
  </div>
  <div class='saving-info-wrap'>
   <p class='saving-info'>保存成功！</p>
  </div>
 </nav>
 <div id="mainview">
  <div id="mainview-content">
   <div id="page-container">
    <section id='stylePage' class='page' hidden>
      <h1>样式</h1>
      <div class="displaytable"></div>
    </section>
    <section id='functionPage' class='page' hidden>
      <h1>功能</h1>
      <div class="displaytable"></div>
    </section>
    <section id='backgroundPage' class='page' hidden>
      <h1>后台</h1>
      <div class="displaytable"></div>
    </section>
    <section id='blacklistPage' class='page' hidden>
      <h1>黑名单</h1>
      <div class="displaytable"></div>
    </section>
    <section id='advancedPage' class='page' hidden>
      <h1>高级</h1>
      <div class="displaytable">
		<section class="bdb_config_section">
		  <h3>自定义CSS</h3>
		  <div>
		    <div class="checkbox">
			  <label><input type="checkbox" id="userCSS"><span>添加自定义CSS</span></label>
			</div>
			<div class="textarea">
			  <textarea id="userCSSEditor" bindto="userCSS"></textarea>
			</div>
		  </div>
		</section>
	  </div>
    </section>
    <section id='authorizePage' class='page' hidden>
      <h1>授权</h1>
      <div class="displaytable"></div>
    </section>
    <section id='searchPage' class='page' hidden>
      <h1>搜索结果</h1>
      <div class="displaytable"></div>
    </section>
    <section id='aboutPage' class='page' hidden>
      <h1>关于</h1>
      <div class="displaytable">
	    <section>
		  <h3>版本</h3>
		  <div>
		    <p class=version-info>
		      <span>Build: </span>
		      <span id=version></span>
		      <span>alpha</span>
		    </p>
		    <p>
		      <span>User Agent: </span>
		      <span id='user-agent'></span>
		    </p>
		  </div>
	    </section>
	    <section>
		  <h3>支持</h3>
		  <div>
		    <p>
			  <span>喜欢BDB？请在应用中心评个五星吧！</span>
			  <a href="https://chrome.google.com/webstore/detail/ladblhncmdocpacjhapihkgbmamliljn/reviews?hl=zh-CN" target=_blank rel=noreferrer class='rating-stars' title='去评五星'>★★★★★</a>
			</p>
		    <p>
			  <span>同时也欢迎您来加入悠悠奈何吧会员</span>
			  <a href="http://tieba.baidu.com/f?kw=%D3%C6%D3%C6%C4%CE%BA%CE&ref=bdb-option-page" target=_blank rel=noreferrer title='加入会员'>(づ￣ 3￣)づ</a>
			</p>
		  </div>
	    </section>
	    <section>
		  <h3>作者</h3>
		  <div style="position:relative" id='user-panel-wrap'>
		    <span class="search-keyword hid" hidden>@悠悠奈何</span>
			<iframe src='about:blank' class='user-panel' sandbox seamless></iframe>
		  </div>
	    </section>
	  </div>
    </section>

   </div>
  </div>
 </div>
</div>

<script src="../../libs/cQuery.js"></script>
<script src="../../libs/config.js"></script>
<script src="js/tab.js"></script>
<script src="js/op.js"></script>
</body>


</html>
